<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">


/*		属性选择器 */
		
		/*a[href="baidu"]{
			color: #000;
			text-decoration: none;
		}*/

/*		以t开头的  属性值*/

		a[href^="t"]{
			color: #000;
			text-decoration: none;
		}

/*		以g结尾的  属性值*/

		a[href$="g"]{
			color: #000;
			text-decoration: none;
		}


/*		包含 ai 的属性值*/
		a[href*="ai"]{
			color: #000;
			text-decoration: none;
		}


/*		选中自定义属性*/
		a[ssss]{
			background-color: red;
		}



/*		选中文本第一行*/
		p::first-line{
			color:#0099;
		}

/*		选中第一个字*/
		p::first-litter{
			font-size: 30px;
			font-weight: bold;
		}


/*		复制文字时 选中效果*/
		p::selection{
			background-color: orange;
		}



		body{
			height: 5000px;
		}

/*		设置整个滚动条 的尺寸  如果为0  则不显示*/
		::-webkit-scrollbar{
			width: 100px;
		}

/*		设置可拖动 滑块模型*/
		::-webkit-scrollbar-thumb{
			border-radius: 50px;
			background-color: red;
		}


/*		设置 滚动条 的  按钮*/
		::-webkit-scrollbar-button{
			background-color: blue;
			height: 100px;
			border-radius: 50%;
		}
/*			因为早期时候  不同浏览器  对于css 的属性 适配 不同，为了确保兼容性  可以添加浏览器前缀  来确保 css 的 执行力*/
			/*-webkit  适配浏览器写法
			-moz*/
	</style>
</head>
<body>
	<!-- css 3 -->
	<!-- border-radius -->
	<!-- html 5 -->

		<a href="baidu"  ssss>百度</a>
		<a href="taobao">淘宝</a>
		<a href="jingdong">京东</a>

		<p>拆水晶好的花蝴蝶安徽的就爱吃你们看接口文档哈克你哈尽快你曾经卡号就爱看的话啊大家我哇对喝酒大块那就几句话就觉得急急急借记卡斤斤计较就经济环境较为的发挥经纬度好哇就肯定会啊Djakartahawk大户i啊环境温度开讲啦脑洞大开的两位地位和诋毁的疯狂垃圾啊就发财促进会乌克兰的你丹卡瓦列计划红警</p>
		<p>加拿大HJK和骄傲和南方的你就看风景看额度缴纳时间MC那就而不能附件本地你就是南非即可BFNJ那边FJNB吗，是N吗ANSDF尽快不能ADF不能空间NF可BNF就可悲呢JFMSDNF目标J不能你今儿分比你低基本被敌方士兵你说呢办法就是那部分加尔斯克北方而实际开发近二十年森防呢发售纪念二就是南非基恩发吗，富森就书法家呢 </p>
</body>
</html>